.button--primary,
.button--secondary {
	width: 100%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-weight: bold;
	font-size: 18px;
	font-family: "Inter-UI-Bold", sans-serif;
	text-transform: uppercase;
	padding: 15px 0;
	margin: 5px 0;
	-webkit-transition: box-shadow 0.3s;
	-moz-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}

.button--primary:disabled,
.button--primary:disabled:hover,
.button--secondary:disabled,
.button--secondary:disabled:hover {
	color: #808285;
	border: 1px solid #808285;
	background-color: #fff;
	box-shadow: none;
	cursor: unset;
}

.button--primary {
	background-color: #396291;
	color: #fff;
	border: 1px solid #396291;
}

.button--primary:hover {
	background-color: #3b4266;
	box-shadow: 0 3px 8px 0 rgba(30, 30, 30, 0.3);
}

.button--secondary {
	background-color: #fff;
	color: #396291;
	border: 1px solid #396291;
}

.button--secondary:hover {
	background-color: #f1f1f5;
	box-shadow: 0 3px 8px 0 rgba(30, 30, 30, 0.3);
}

.button--circle {
	border-radius: 50%;
}

.button--action {
	border: 0;
	padding: 8px;
	color: #396291;
	text-decoration: underline;
	font-size: 16px;
}

@media (min-width: 768px) {
	.button--primary,
	.button--secondary {
		width: auto;
		padding: 15px 30px;
		margin: 5px;
	}
}

.button--small {
	font-size: 14px;
}